import SwiftUI

/*
 1. PushOutViewDemo
 2. Button
 3. Color
 --------
 4. Menu
 */
struct PushOutViewDemo: View {
    var body: some View {
        VStack(spacing: 30) {
            Text("Layout Behaviour")
                .font(.largeTitle)
            
            Text("Views that Push Out")
                .font(.title)
                .foregroundColor(.gray)
            
            Text("Some views will push out to fill up all available spaces within their parent.")
                .padding()
                .foregroundColor(.white)
                .frame(maxWidth: .infinity)
                .font(.title3)
                .background(Color.purple)
            

            Color.purple
                .overlay(
                    Image(systemName: "arrow.up.left")
                        .foregroundColor(.white)
                        .font(.largeTitle)
                        .padding(.top).padding(.leading),
                    alignment: .topLeading
                )
                .overlay(
                    Image(systemName: "arrow.up.right")
                        .foregroundColor(.white)
                        .font(.largeTitle).padding(.trailing).padding(.top),
                    alignment: .topTrailing
                )
                .overlay(
                    Text("Colors are Push-Out views.")
                        .font(.largeTitle)
                        .foregroundColor(.white),
                    alignment: .center
                )

        }
        
    }
}
